<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!--
    表单属性：
    1、required 必填
    2、placeholder 提示
    3、autofocus 自动聚焦
    4、autocomplate 默认：on / off 必须加name属性
    5、multiple 可以多选文件提交
   -->
  <form action="">
    <!-- 邮箱 -->
    <input type="email" required><br>
    <!-- url -->
    <input type="url"><br>
    <!-- 日期类型 -->
    <input type="date"><br>
    <!-- 时间类型 -->
    <input type="time"><br>
    <!-- 月份类型 -->
    <input type="month"><br>
    <!-- 周类型 -->
    <input type="week"><br>
    <!-- 数字类型 -->
    <input type="number"><br>
    <!-- 手机类型 -->
    <input type="tel"><br>
    <!-- 搜索框 -->
    <input type="search"><br>
    <!-- 颜色选择器 -->
    <input type="color"><br>
    <input type="submit" value="提交">
  </form>
</body>

</html>